/* Case study pages — content only, no legacy site chrome */

.navigation-wrap,
.menu,
.w-nav,
.w-nav-menu,
.w-nav-overlay,
.w-nav-button,
footer.footer-dark,
#footer {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hero-section.project-page {
  padding-top: 28px !important;
  padding-bottom: 32px !important;
}

/* In project drawer: title is in parent chrome — hide duplicate hero */
html.case-study[data-embed] .hero-section.project-page {
  display: none !important;
}

html.case-study[data-embed],
html.case-study[data-embed] body {
  height: auto;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media (pointer: coarse) {
  html.case-study[data-embed],
  html.case-study[data-embed] body {
    touch-action: pan-y;
    overscroll-behavior-y: contain;
  }
}

html.case-study body {
  margin: 0;
}

html.case-study[data-embed] .project_page_content_width {
  max-width: none;
  padding: 0;
}

.project_page_content_width img {
  display: block;
  width: 100%;
  height: auto;
}

/* Full-page export includes Figma chrome strip at top of JPEG */
.case-study-crop img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: -132px;
}

.case-study-crop {
  overflow: hidden;
}

/* Scroll progress — all case study pages (see case-study.js) */
.case-study-progress,
html.case-study .progress#prog,
html.case-study .progress[id="prog"] {
  position: fixed;
  top: 0;
  left: 0;
  height: 2px;
  width: 0;
  z-index: 10000;
  pointer-events: none;
  background: var(
    --case-study-progress,
    linear-gradient(90deg, #34d399 0%, #818cf8 52%, #fbbf24 100%)
  );
  box-shadow: 0 0 10px rgba(129, 140, 248, 0.35);
  transition: width 0.1s linear;
}

html.case-study body.qutbah-case-study {
  --case-study-progress: linear-gradient(90deg, #34d399, #f0cc60);
}

html.case-study body.recordr-case-study {
  --case-study-progress: #ff5a4d;
}

html.case-study body.elevare-case-study {
  --case-study-progress: linear-gradient(90deg, #8a1538, #14b8a6);
}

html.case-study body.imshi-case-study {
  --case-study-progress: linear-gradient(90deg, #ec4899, #fb923c);
}

@media print {
  .case-study-progress,
  html.case-study .progress#prog {
    display: none !important;
  }
}